<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/registe.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/scale.css">
    <title>MapleStory--注册</title>
</head>

<body>
    <div class="container_bg">
        <div class="container_main">
            <div class="logo"></div>
            <ul class="registe_nav">
                <li class="first_li"><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
            <div class="ver_bg">
                <a href="#"><img src="upload/15439316864529.png" alt=""></a>
                <select name="history_select" id="history">
                    <option value="http://www.baidu.com">查看更多历史版本介绍</option>
                    <option value="">V156“复古世界”</option>
                    <option value="">V155“拍卖场”</option>
                    <option value="">V154“莫奈得”</option>
                    <option value="">V153“影魂异人”</option>
                    <option value="">V152“舰长维加”</option>
                    <option value="">V151“冒险岛电影节”</option>
                    <option value="">V150“龙脉—莫拉斯”</option>
                    <option value="">V149“龙脉”</option>
                    <option value="">V148“冬日城堡度假村”</option>
                    <option value="">V147“平衡喵”</option>
                    <option value="">V146“整装出击”</option>
                    <option value="">V145“埃尔露娜”</option>
                    <option value="">V144“超越进化”</option>
                    <option value="">V143“美人梦工场”</option>
                    <option value="">V142“有文化”</option>
                    <option value="">V141“废都塔”</option>
                    <option value="">V140“路西德”</option>
                    <option value="">V139“V5”</option>
                    <option value="">V138“异逝界”</option>
                    <option value="">V137“不能说的故事”</option>
                    <option value="">V136“水枪大作战”</option>
                    <option value="">V135“冒险英雄传说崛起”</option>
                    <option value="">V134“橡果侦探团”</option>
                    <option value="">V133“带你上天怪怪”</option>
                    <option value="">V132“霸王乌鲁斯”</option>
                    <option value="">V131“全面革新”</option>
                    <option value="">V130“品克缤”</option>
                    <option value="">V129“东方神州”</option>
                    <option value="">V128“好友故事Rock&Roll”</option>
                    <option value="">V127“克里蒂亚斯”</option>
                    <option value="">V126“M.I.B”</option>
                    <option value="">V125“黑色天堂2”</option>
                    <option value="">V124“黑色天堂”</option>
                    <option value="">V123“闪耀之星”</option>
                    <option value="">V122“星之力”</option>
                    <option value="">V121“进击的冒险岛”</option>
                    <option value="">V120“卧虎藏龙”</option>
                    <option value="">V119“炎龙”</option>
                    <option value="">V118“U&I”</option>
                </select>
            </div>
            <div class="registe">
                <div class="table">
                    <ul class="table_top">
                        <li class="tel_registe">手机注册</li>
                        <li class="mail_registe">邮箱注册</li>
                        <li class="self_registe">个性注册</li>
                    </ul>
                    <div class="table_bottom">
                        <form action="" class="tel_form">
                            <input type="text" id="tel" placeholder="手机号码（必须填写）" autofocus="autofocus"><span class="tel_test">11位数字</span>
                            <input type="text" id="code" placeholder="短信验证码（必须填写）"><a href="javascirpt:;" class="get_code">免费获取验证码</a>
                            <input type="password" id="look_pwd" placeholder="静态密码（必须填写）"><a href="javascript:;" class="get_look_pwd">显示密码</a><span
                                class="psd_test">6~30位字母或数字</span>
                            <input type="text" id="name" placeholder="真实姓名（必须填写）"><span class="tel_name"></span>
                            <input type="text" id="name_id" placeholder="身份证号码（必须填写）"><span class="tel_idCard"></span>

                            <a href="#" class="tell_book book">用户协议</a>
                            <input type="submit" value="" class="agree">
                        </form>
                        <form action="" class="mail_form">
                            <input type="text" id="mail_code" placeholder="邮箱（必须填写）"><span class="mail_txt">目前只支持.com
                                .net .cn .org后缀的邮箱</span>
                            <input type="password" id="mail_look_pwd" placeholder="密码（必须填写）">
                            <div class="toggle_psd">显示您的密码</div><span class="mail_psd">6~30位数字或字母</span>
                            <input type="text" id="mail_name" placeholder="真实姓名（必须填写）"><span class="mail_name_txt"></span>
                            <input type="text" id="mail_name_id" placeholder="身份证号码（必须填写）"><span class="mail_idCard"></span>
                            <div class="outer">
                                <div class="filter-box"></div>
                                <span>
                                    滑动解锁
                                </span>
                                <div class="inner">&gt;&gt;</div>
                            </div>

                            <a href="#" class="mail_book book">用户协议</a>
                            <input type="submit" value="" class="agree">
                        </form>
                        <form action="" class="self_tel_form">
                            <input type="text" id="self" placeholder="手机号码（必须填写）" autofocus="autofocus"><span class="self_test">11位数字</span>
                            <input type="text" id="self_code" placeholder="短信验证码（必须填写）"><a href="javascirpt:;" class="self_code_box">显示您的密码</a>
                            <input type="password" id="self_look_pwd" placeholder="静态密码（必须填写）"><span class="self_psd_test psd_test">6~30位字母或数字</span>
                            <input type="text" id="self_name" placeholder="真实姓名（必须填写）"><span class="tel_name"></span>
                            <input type="text" id="self_name_id" placeholder="身份证号码（必须填写）"><span class="tel_idCard"></span>
                            <div class="outer">
                                <div class="filter-box"></div>
                                <span>
                                    滑动解锁
                                </span>
                                <div class="inner">&gt;&gt;</div>
                            </div>
                            <a href="#" class="self_book book">用户协议</a>
                            <input type="submit" value="" class="agree">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="footer">
        <div class="foot_bottom">
            <div class="foot_bottom_l">
                <div class="logo_sd"></div>
                <div class="logo2"></div>

            </div>
            <div class="foot_bottom_m">
                <p class="first_footer_p">新出音管[2004]574号 文网测字[2004]009号 <a href="#">新出网证（沪）字026号</a></p>
                <p><a href="#">沪网文（2017）8902-675号</a> <a href="#">ICP：沪B2-20100008</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
                        class="policeman"></span> <a href="#">公安备案号 沪公网安备 31011502007143号</a></p>
                <p>上海数龙科技有限公司 版权所有 上海市浦东新区海趣路58号海趣园1号楼 021-50504740</p>
                <p>盛大游戏®商标是上海盛大网络发展有限公司拥有且授权给上海数龙科技有限公司使用的注册商标。</p>
                <p>上海数龙科技有限公司对其运营行为独立承担全部责任。</p>
            </div>
            <div class="foot_bottom_r">
                <div class="foot_ico">
                    <div><a href="#" class="wen"></a></div>
                    <div><a href="#" class="gong"></a></div>
                    <div><a href="#" class="e"></a></div>
                    <div><a href="#" class="lian"></a></div>
                    <div><a href="#" class="jia"></a></div>
                </div>
            </div>

        </div>

    </div>


    <script src="jquery/jquery.min.js"></script>
    <script src="js/register.js"></script>

</body>

</html>